<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Soussous</title>
	<link rel="stylesheet" href="style.css" type="text/css" />

	<script src="prototype.js" type="text/javascript"></script>
	<script src="script.js" type="text/javascript"></script>
	<link rel="shortcut icon" href="favicon.png" type="image/png" />

</head>
<body>
<div id="content">

  <h1>Soussous</h1>
  
  <h2>Nouvelle note</h2>
  
  <div id="note">
    <form method="post" action="new_note">
    
      <p id="form-date">
        <label for="date">Date</label>
        <input id="date" name="date" size="10" value="22/11/2008" />
      </p>
      
      <p id="form-description">
        <label for="description">Description</label>
        <input id="description" name="description" size="50" />
      </p>

      <div id="payers">    
        <h3>Payeurs</h3>
        <p>
          <label for="add-payer">Ajouter</label>
          <select id="add-payer">
            <option></option>
            <option value="42">Moi</option>
            <option value="13">Freddie Mercury</option>
            <option value="15">Maximilien Durand</option>
          </select>
        </p>
        <ul id="payers-list">
        </ul>
      </div>

      <div id="participants">  
        <h3>Participants</h3>
        <p>
          <label for="add-participant">Ajouter</label>
          <select id="add-participant">
            <option></option>
            <option value="42">Moi</option>
            <option value="13">Freddie Mercury</option>
            <option value="15">Maximilien Durand</option>
          </select>
        </p>
        <ul id="participants-list">
        </ul>
      </div>
      
      <p><input type="submit" value="Ok" id="submit" /></p>
    </form>
  </div>

</div>
</body>
</html>
